@import "../../asset/css/util";

.dialing-page {
  .dialing-item {
    position: absolute;
    width: 100%;
    @include transform(translateX(640px));
    p {
      position: absolute;
      font-size: 28px;
      font-family: FZKaTong;
      top: 15px;
      left: 48px;
      color: rgb(51, 51, 51);
    }
  }
  .dialing-item-1 {
    top: 81px;
    @include animation(dialing-item-animate 0.6s 0.2s ease-out forwards);
  }

  .dialing-item-2 {
    top: 175px;
    @include animation(dialing-item-animate 0.6s 0.8s ease-out forwards);
  }

  @keyframes dialing-item-animate {
    from {
      @include transform(translateX(640px));
    }
    to {
      @include transform(translateX(0px));
    }
  }
  .return {
    position: absolute;
    bottom: 0;
    right: 20px;
  }
}